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FIGURES 
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FIGURE 1: COMPUTER SYSTEM 
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FIGURE 2: DRAG AND DROP [EXISTING ART] 



Step 1 : the user brings the cursor 20 over an object 2 1 
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Step 2: the user presses the left mouse button 




Step 3: the user drags the mouse while holding the button down. 
An icon 22 representing the dragged object appears attached to 
the cursor 20 




Step 4: the user releases the button on the mouse 
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FIGURE 3: VISUAL FEEDBACK [IMAGES] 
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FIGURE 4: VISUAL FEEDBACK [TEXT] 
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FIGURE 5: VISUAL FEEDBACK [MIXED DATA TYPES] 
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Object 1 - Text document "SoliIoquy.doc" 



Object 2 - Bitmap Image " Landscape jpg" 



Object 3 - Opaque file "grommeLpdq" 





Legend 


20 


Cursor 


32 


Collection of graphical representations 




of dragged objects 


32a 


Object 1 


32b 


Object 2 


32c 


Object 3 


42 


Collection of dragged objects (logical structure) 


42a 


Object 1 (text) 


42b 


Object 2 (image) 


42c 


Object 3 (file) 



Figures -Page 6 of 10 



FIGURE 6: DISTRIBUTING DATA 



Step 1 : the user selects a set of objects in the file system 



51a 
Region 1 


5Ib 
Region 2 


51c 
Region 3 


51d 
Region 4 



51 



7 



Image 1 



Image 2 



Image 3 



40a 
40b 
40c 



-\7 



Step 2: the user drags the selection to the graphics application 
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Step 3: the user clicks to drop the first item 



5 










51b 
Region 2 


51c \ 
Region 3 


^ld 




^7 


M 





30b 



30c 



Step 4: the user dicks to drop the second item 
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Step 5: the user clicks to drop the third item 
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FIGURE 7: PICKING UP ADDITIONAL DATA 



i 1 : the user brings the cursor over a non-dragged object 
40a 




Step 2: the user clicks the second mouse 
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FIGURE 8: EXCHANGING DATA 



Step 1 : the user moves the cursor over a non-dragged object 
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Step 2: the user clicks the second mouse button 
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Step 3: the user moves the cursor over another non-dragged object and clicks the 
second mouse button 



Step 4: the user moves the cursor to the first location « 
clicks the first mouse button 
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Step 5: the user moves the cursor to the second location and clicks the first mouse button 
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FIGURE 9: LIST MANIPULATION 



Step 1 : prior to interaction 
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Step 2: the user has rolled the list of dragged object forward by one 
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FIGURE 10: ENHANCED VISUAL FEEDBACK 

10a: Truncated Visuals 




10b: Numbered Truncated Visuals 




10c: Gradient Truncated Visuals 
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